<template>
    <div>
      <el-dialog :visible="true" >
        <div class="drawBack">
          <p
            :style="{
              backgroundColor: 'rgb(63, 120, 246)',
              color: 'white',
              height: '30px',
              lineHeight: '30px',
              borderRadius: '5px',
              width: '90%',
            }"
          >
            服务单详情
          </p>
          <p>订单编号：{{ visibleShow.orderid }}</p>
          <p>当前状态：{{ visibleShow.op_type }}</p>
          <p>退款单号：{{ visibleShow.orderid }}</p>
          <p>申请时间：{{ visibleShow.date }}</p>
          <p>用户账号:{{ visibleShow.orderid }}</p>
          <br />
          <br />
          <br />
          <p>订单{{ visibleShow.id }} 元</p>
          <p>确认退款金{{ visibleShow.id }}元</p>
          <p>退款方式:到原支付渠道</p>
          <p>
            <el-button @click="this.$emit('close',false)" >取 消</el-button>
            <el-button type="primary" @click="change">确 定</el-button>
          </p>
        </div>
      </el-dialog>
    </div>
  </template>
    <script>
  export default {
      methods: {
          change(){
             this.$emit('close',false)
          }
      },
    props: {
      visibleShow: {
        type: Object,
        default() {
          return {};
        },
      },
    },
    data() {
      return {
        visible: true,
      };
    },
  };
  </script>
   
  